.userpoints-meter-meter-bar {
	background-color: #c4c4c4;
	height:20px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    /* width will be defined in the block specific settings because we need it for calculations*/
	/* this attempt so requires no js*/
}

.points-left {
	height:17px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    border-left: 1px solid #b0d97b;
    border-top: 1px solid #b0d97b;

    background: #59891c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #90ca45 1%, #779e43 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#90ca45), color-stop(100%,#779e43)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #90ca45 1%,#779e43 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #90ca45 1%,#779e43 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #90ca45 1%,#779e43 100%); /* IE10+ */
    background: linear-gradient(top,  #90ca45 1%,#779e43 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90ca45', endColorstr='#779e43',GradientType=0 ); /* IE6-8 */
}

.points-left-wrapper {
    border:1px solid #569306;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.points-text {
	z-index:99;
    position: absolute;
	color: #fff;
	font-size:10px;
    text-align: center;
    text-shadow: 1px 1px 0 #000;
    filter: dropshadow(color=#000, offx=1, offy=1);
    line-height: 20px;
}

.rank {
	font-weight: bold;
}
